@charset "UTF-8";

/*touinn---------------*/

.sub-h2{
  height: 100px;
  background-color: #3468C0;
  font-size: 2.3rem;
  text-align: center;
  color: #fdfdfd;
  font-weight: 100;
  line-height: 100px;
  
}

.sub-container{
  display: flex;
  justify-content: space-between;
  height: auto;
  width: 70%;
  margin: 0 auto;
  
}

.sub-main{
  width: 70%;
  margin-right: 1rem;
  
}

.sub-title{
  height: 50px;
  background-color: #3468C0;
  font-size: 2rem;
  text-align: center;
  color: #fdfdfd;
  font-weight: 100;
  line-height: 50px;
  border-radius: 10px;
  margin: 2rem 0 1.8rem;
  letter-spacing: .3rem;
}

.sub-jikosyoukai{
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
}


.sub-aside{
  width: 23%;
  
}

.sub-title2{
  font-size: 1.5rem;
  font-weight: 700;
  color: #3468C0;
  border-bottom: 3px solid #3468C0;
  margin-bottom: .5rem;
  
  letter-spacing: .3rem;
}

.sub-title2-bun,
.aisatu {
  margin-bottom: 3rem;
  line-height: 1.5rem;
}

.aisatu{
  width: 60%;
}

.aisatu p{
  margin-bottom: 1.2rem;
}

.sub-side-title{
  
  background-color: #3468C0;
  border-bottom: 1px solid #000;
  color: #fdfdfd;
  border-radius: 10px 10px 0 0;
  
}

.sub-side-title a{
  color: #fdfdfd;
  text-decoration: none;
  display: block;
  text-align: left;
  padding: 1rem;
}

.sub-side-title a:hover{
  color: #000;
  
}


.sub-side-menu2 li{
  border-bottom: 1px solid #000;
  
  
}

.sub-side-menu2 li:last-child{
  border: none;
}

.sub-side-menu2 a{
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 1rem;
  color: #4f4e4c;
}

.sub-side-title a {
  text-align: center;
}

.sub-side-menu2 a:hover{
  color: #3468C0;
  font-weight: bold;
}

.sub-box{
  border: 1px solid #000;
  border-radius: 10px;
  margin-top: 2rem;
}

.side-toiawase{
  border: 1px solid #cccaca;
  margin-top: 2rem;
  padding: 0.5rem;
  min-height: 300px;
  border-radius: 10px;
  padding: 1.5rem;
  padding: 1rem;
}

.tel-aside{
  font-size: 1.3rem;
  display: block;
  font-weight: 500;
  color: #ff3a55;
  text-align: left;
  margin: 1rem 0;
  padding-left: 2rem;
  background-image: url(img/通話中の電話アイコン.png);
  background-repeat: no-repeat;
  background-size: 10%;
  background-position: center left;
  font-style: normal;
}

.nitiji-aside{
  font-size: 1rem;
  text-align: center;
  
  margin-bottom: 1rem;
}

.sub-aside-address a{
  font-size: 1.5rem;
}

.sub-aside-address{
  font-style: normal;
}

.sub-aside-btn img{
  display: block;
  width: 70%;
  margin: 0 auto;
  border-radius: 10px;
}

.toiawasefyomu{
  display: block;
  height: 100%;
  width: 100%;
}

.goriyou-box{
  margin-bottom: 5rem;
}
form{
  line-height: 1.5rem ;
  margin: 0 auto;
}

form input{
  padding: 0.2rem;
  border-radius:0.3rem;
  border:1px solid #606060;
}

.contact-title{
  font-weight: bold;
  margin-top: 1rem;
}

.btn-area{
  text-align: center;
}

input[type="text"]{
  width: 90%;
}

input[type="email"]{
  width: 90%;
}

input[type="tel"]{
  width: 90%;
}

textarea{
width: 90%;
margin-bottom: 1rem;
}

input[type="submit"]{
  background: #e0505c;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

/* confirm.php */
.conf-form {
      background-color: #ebeced;
      padding: 30px;
  }

  .form-group{
    margin: 1rem;
  }


.btn-gray{
  background: #e0505c;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 5px;
}

.wrapper-title {
  text-align: center;
}

.wrapper-title h3{
  font-size: 1.5rem;
  margin: 1rem 0;
}

.wrapper-title p{
  margin: 1rem 0;
}

.last-btn{
  text-align: center;
}
.btn{
  background: #e0505c;
  border: none;
  color: white;
  font-size:17px;
  font-weight:bold;
  padding: 10px 20px;
  margin-top: 1rem;
}

.conf-form {
  background-color: #ebeced;
  padding: 30px;
}

/* send.php */

.thanks{
  background-color: #ebeced;
  padding: 80px 0;
  text-align: center;
  }
  
.thanks h4 {
  margin-bottom: 10px;
     }

.contact{
  text-align: center;
}

.sticky{
  position: sticky;
  top: 0;
}

.tel-otoiawase{
  margin: 0 auto;
  text-align: center;
}

.tel-otoiawase address{
  margin: 0 auto;
  font-style: normal;
  margin-right: 1rem;
}

.tel-otoiawase address p{
  margin-top: 1rem;
}


.tel-otoiawase .nitiji{
  text-align: center;
}

#hokenn {
  width: 100%;
  margin-bottom: 13rem;
}

#jippi{
  width: 100%;
  margin-bottom: 13rem;
}

table {
  border-collapse: collapse;
  width: 80%;
  text-align: center;
  margin-bottom: 3rem;
}
th, td {
  padding: 0.5rem 1rem;
  border: 1px solid #cccaca;
}

th{
  color: #3468C0;
}

.sejutu-title{
  width: 70%;
  background-color: #3468C0;
  color: #fdfdfd;
  text-align: left;
  padding-left: 2rem;
}


.sejutu-ryoukinn{
  width: 30%;
}

.moji{
  font-size: 1rem;
}

.ryoukinn-g{
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  
}
.ryoukinn-g img{
  display: block;
  width: 40%;
  margin-bottom: 2rem;
  margin-left: 1rem;
}